<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- 网站目标 -->
    <meta name="keywords" content="ZD GROUP"/>
    <meta name="description" content="ZD GROUP - 集金融投资与科技金融于一体的企业集团"/>
    <meta name="author" content="ZD GROUP"/>
    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="../../assets/images/logo/ZDGROUP-0.png" type="image/png">
    <!-- 标题 -->
    <title>ZD GROUP - 集金融投资与科技金融于一体的企业集团</title>

    <!-- 样式 start -->
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/material-design-icons.min.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/material.min.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/ripples.min.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/style.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/main/responsive.css">
    <link rel="stylesheet" type="text/css" href="../../assets/css/colors/indigo.css" media="screen"/>
    <!-- 样式 end -->
</head>
<body>

<!-- 导航栏 start -->
<header id="header">
    <div class="navbar-area">
        <div class="container-xl">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="../../index.html">
                            <img src="../../assets/images/logo/ZDGROUP-2.png" width="131" height="62" alt="Logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                            <ul id="nav" class="navbar-nav ml-auto">
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">关于我们 <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="about-us.html">关于我们</a></li>
                                        <li class="nav-item"><a href="about-us2.html">公司愿景</a></li>
                                        <li class="nav-item"><a href="team.html">为何选择ZD GROUP</a></li>
                                        <li class="nav-item"><a href="features.html">监管</a></li>
                                        <li class="nav-item"><a href="team-single.html">奖项与荣誉</a></li>
                                        <li class="nav-item"><a href="services.html">公司新闻</a></li>
                                        <li class="nav-item"><a href="404.html">联系我们</a></li>
                                        <li class="nav-item"><a href="404.html">加入我们</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">差价合约交易</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">交易市场 <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="portfolio-2.html">外汇</a></li>
                                        <li class="nav-item"><a href="portfolio-2.html">指数</a></li>
                                        <li class="nav-item"><a href="portfolio.html">大宗商品</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">ETF CFDs</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">香港股票差价合约</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">股票</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">实时行情 <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="portfolio-2.html">EUR/USD</a></li>
                                        <li class="nav-item"><a href="portfolio-2.html">GBP/USD</a></li>
                                        <li class="nav-item"><a href="portfolio.html">USD/PY</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">道琼斯</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">黄金价格</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">比特币价格</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">原油价格</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">美国标准普尔500指数</a>
                                        </li>
                                        <li class="nav-item"><a href="portfolio-single.html">纳斯达克100指数</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">交易账户类型 <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu left-menu">
                                        <li class="nav-item"><a href="contact-us.html">模拟账户</a></li>
                                        <li class="nav-item"><a href="contact-us2.html">入金和出金</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">交易平台 <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="blog.html">MT4概述</a></li>
                                        <li class="nav-item"><a href="blog-single.html">下载MT4</a></li>
                                        <li class="nav-item"><a href="blog-single.html">MT4模拟账户</a></li>
                                        <li class="nav-item"><a href="blog-single.html">MT4指标</a></li>
                                        <li class="nav-item"><a href="blog-single.html">MT4常见问题</a></li>
                                        <li class="nav-item"><a href="blog-single.html">支撑和阻力指标</a></li>
                                        <li class="nav-item"><a href="blog-single.html">仓位计算器</a></li>
                                        <li class="nav-item"><a href="blog-single.html">MT4经济日历</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">交易学院 <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu left-menu">
                                        <li class="nav-item"><a href="contact-us.html">在线研讨会</a></li>
                                        <li class="nav-item"><a href="contact-us2.html">交易研讨会</a></li>
                                        <li class="nav-item"><a href="contact-us2.html">教育视频</a></li>
                                        <li class="nav-item"><a href="contact-us2.html">Trading Central</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <!-- <div class="search-icon">
                            <span class="open-search">
                                <i class="mdi mdi-magnify btn btn-common"></i>
                            </span>
                        </div>
                        <form role="search" class="navbar-form">
                            <div class="container">
                                <div class="row">
                                    <div class="form-group has-feedback">
                                        <input type="text" placeholder="Type and search ..." class="form-control">
                                        <div class="close"><i class="mdi mdi-close"></i></div>
                                    </div>
                                </div>
                            </div>
                        </form> -->
                        <div class="search-icon">
                            <ul id="nav1" class="navbar-nav ml-auto">
                                <li class="nav-item">
                                    <span class="mdi mdi-web-box" style="font-size: 24px;"></span>
                                    <ul class="sub-menu left-menu">
                                        <li class="nav-item"><a href="contact-us.html">简体中文</a></li>
                                        <li class="nav-item"><a href="contact-us2.html">繁体中文</a></li>
                                        <li class="nav-item"><a href="contact-us2.html">English</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- 导航栏 end -->


<section class="page-title-section section-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="title-center">
                    <div class="title-middle">
                        <h2 class="page-tagline">Who we are</h2>
                        <h1 class="page-title">关于我们</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="Material-about-section section-padding">
    <div class="container">
        <div class="row justify-content-center justify-content-md-start">

            <div class="col-sm-8 col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".2s">
                <div class="about-single">
                    <i class="material-icons mdi mdi-layers"></i>
                    <h2 class="subtitle">Bootstrap 4</h2>
                    <p>Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.</p>
                </div>
            </div>

            <div class="col-sm-8 col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".3s">
                <div class="about-single">
                    <i class="material-icons mdi mdi-cards-playing-outline"></i>
                    <h2 class="subtitle">Material Design</h2>
                    <p>Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.</p>
                </div>
            </div>

            <div class="col-sm-8 col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".4s">
                <div class="about-single">
                    <i class="material-icons mdi mdi-alarm-check"></i>
                    <h2 class="subtitle">Fast and Clean</h2>
                    <p>Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.</p>
                </div>
            </div>

            <div class="col-sm-8 col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".5s">
                <div class="about-single">
                    <i class="material-icons mdi mdi-responsive"></i>
                    <h2 class="subtitle">Fully Responsive</h2>
                    <p>Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.</p>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="welcome-section section-padding section-dark">
    <div class="container">
        <div class="row">
            <div class="col-md-7 col-lg-7 col-xs-12">
                <div class="welcome-content">
                    <div class="text">
                        <h1>Create Stunning Websites in Easier and Effecient Way!</h1>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the
                            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley
                            of type and
                            scrambled it to make a type specimen book.</p>
                        <p>It has survived not only five centuries, but also the leap into electronic typesetting,
                            remaining
                            essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
                            containing
                            Lorem Ipsum passages, and more recently. Excepteur sint occaecat cupi datat non proidt, sunt
                            in culpa
                            qui offi cia deserunt</p>
                    </div>
                    <div class="button">
                        <a href="" class="btn btn-common">
                            Know More
                            <div class="ripple-container"></div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-md-5 col-lg-5 col-xs-12 welcome-column">
                <div class="video-gallery">
                    <img class="img-fluid" src="../../assets/images/about/video.jpg" alt="">
                    <div class="overlay-gallery">
                        <div class="icon-holder">
                            <div class="icon">
                                <a href="https://www.youtube.com/watch?v=r44RKWyfcFw" class="video-popup wow fadeInUp"
                                   data-wow-duration="1000ms" data-wow-delay="0.3s"><i
                                        class="mdi mdi-play-circle-outline"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="work-counter-section section-padding">
    <div class="container">
        <div class="row">

            <div class="col-md-3 col-sm-6 work-counter-widget text-center wow animated fadeInUp" data-wow-delay=".2s">
                <div class="counter">
                    <div class="icon"><i class="material-icons mdi mdi-medical-bag"></i></div>
                    <div class="timer">768</div>
                    <p>Project Delivered</p>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 work-counter-widget text-center wow animated fadeInUp" data-wow-delay=".3s">
                <div class="counter">
                    <div class="icon"><i class="material-icons mdi mdi-clock"></i></div>
                    <div class="timer">900</div>
                    <p>Working Hours</p>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 work-counter-widget text-center wow animated fadeInUp" data-wow-delay=".4s">
                <div class="counter">
                    <div class="icon"><i class="material-icons mdi mdi-cellphone-link"></i></div>
                    <div class="timer">215</div>
                    <p>Work Station</p>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 work-counter-widget text-center wow animated fadeInUp" data-wow-delay=".5s">
                <div class="counter">
                    <div class="icon"><i class="material-icons mdi mdi-cisco-webex"></i></div>
                    <div class="timer">553</div>
                    <p>International Clients</p>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="Material-portfolio-section section-padding section-dark">
    <div class="container">
        <div class="row">

            <div class="col-md-4 col-lg-4 col-xl-6  Material-title-section wow animated fadeInLeft"
                 data-wow-delay=".2s">
                <h1 class="section-title">作品集</h1>
            </div>

            <div class="col-md-8 col-lg-8 col-xl-6  portfolio-nav mt-3 mb-3 wow animated fadeInRight"
                 data-wow-delay=".2s">
                <ul class="nav nav-pills">
                    <li><a class="filter active" data-filter="all">所有</a></li>
                    <li><a class="filter" data-filter=".business">商业</a></li>
                    <li><a class="filter" data-filter=".creative">创新</a></li>
                    <li><a class="filter" data-filter=".education">教育</a></li>
                    <li><a class="filter" data-filter=".blog">博客</a></li>
                    <li><a class="filter" data-filter=".free">免费</a></li>
                    <li><a class="filter" data-filter=".more">更多</a></li>
                </ul>
            </div>
            <div class="portfolio-item-wrapper clearfix wow animated fadeInUp" data-wow-delay=".5s"
                 id="Material-portfolio">

                <div class="col-md-6 col-lg-4 col-xl-4 pb-4 mix business blog">
                    <figure class="single-portfolio">
                        <img class="img-fluid" src="../../assets/images/portfolio/work1.jpg" alt="">
                        <figcaption class="hover-content">
                            <a class="btn btn-round btn-fab btn-xs" href="portfolio-single.html"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                            <a href="portfolio-single.html">
                                <h2 class="subtitle">A boat of hope</h2>
                            </a>
                            <p>Istambul, Turkey</p>
                        </figcaption>
                    </figure>
                </div>

                <div class="col-md-6 col-lg-4 col-xl-4 mix education more">
                    <figure class="single-portfolio">
                        <img class="img-fluid" src="../../assets/images/portfolio/work2.jpg" alt="">
                        <figcaption class="hover-content">
                            <a class="btn btn-round btn-fab btn-xs" href="portfolio-single.html"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                            <a href="portfolio-single.html">
                                <h2 class="subtitle">Visit to moon</h2>
                            </a>
                            <p>Nasa, USA</p>
                        </figcaption>
                    </figure>
                </div>

                <div class="col-md-6 col-lg-4 col-xl-4 mix free education blog">
                    <figure class="single-portfolio">
                        <img class="img-fluid" src="../../assets/images/portfolio/work3.jpg" alt="">
                        <figcaption class="hover-content">
                            <a class="btn btn-round btn-fab btn-xs" href="portfolio-single.html"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                            <a href="portfolio-single.html">
                                <h2 class="subtitle">Lighthouse of Cox</h2>
                            </a>
                            <p>Chittagong, Bangladesh</p>
                        </figcaption>
                    </figure>
                </div>

                <div class="col-md-6 col-lg-4 col-xl-4 mix creative more business">
                    <figure class="single-portfolio">
                        <img class="img-fluid" src="../../assets/images/portfolio/work4.jpg" alt="">
                        <figcaption class="hover-content">
                            <a class="btn btn-round btn-fab btn-xs" href="portfolio-single.html"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                            <a href="portfolio-single.html">
                                <h2 class="subtitle">Bug of the day</h2>
                            </a>
                            <p>Delhi, India</p>
                        </figcaption>
                    </figure>
                </div>

                <div class="col-md-6 col-lg-4 col-xl-4 mix more free creative">
                    <figure class="single-portfolio">
                        <img class="img-fluid" src="../../assets/images/portfolio/work5.jpg" alt="">
                        <figcaption class="hover-content">
                            <a class="btn btn-round btn-fab btn-xs" href="portfolio-single.html"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                            <a href="portfolio-single.html">
                                <h2 class="subtitle">Loard of the ring</h2>
                            </a>
                            <p>Novel, USA</p>
                        </figcaption>
                    </figure>
                </div>

                <div class="col-md-6 col-lg-4 col-xl-4 mix blog business">
                    <figure class="single-portfolio">
                        <img class="img-fluid" src="../../assets/images/portfolio/work6.jpg" alt="">
                        <figcaption class="hover-content">
                            <a class="btn btn-round btn-fab btn-xs" href="portfolio-single.html"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                            <a href="portfolio-single.html">
                                <h2 class="subtitle">Wings of paper</h2>
                            </a>
                            <p>Venis, Italy</p>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
        <div class="row mt-4 wow animated fadeInUp" data-wow-delay=".3s">
            <div class="col-md-12 text-center">
                <a href="javascript:void(0)" class="animated4 btn btn-common" data-ripple-color="#000"><i
                        class="material-icons mdi mdi-lightbulb-outline"></i> Explore more work
                    <div class="ripple-container">
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>


<section class="team section-padding section-dark">
    <div class="container">
        <div class="row">

            <div class="col-md-12 wow animated fadeInLeft" data-wow-delay=".2s">
                <h1 class="section-title">我们的团队</h1>
            </div>
        </div>
        <div class="row">

            <div class="col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".3s">
                <div class="single-team-widget">
                    <img src="../../assets/images/team/team1.jpg" class="img-fluid" alt="">
                    <div class="team-member-info">
                        <div class="know-more">
                            <a class="btn btn-round btn-fab btn-xs" href="javascript:void(0)"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                        </div>
                        <h2 class="subtitle">Rob Percy</h2>
                        <p>Co-Founder</p>
                        <div class="social-profiles">
                            <a href="#"><i class="mdi mdi-twitter"></i></a>
                            <a href="#"><i class="mdi mdi-facebook"></i></a>
                            <a href="#"><i class="mdi mdi-instagram"></i></a>
                            <a href="#"><i class="mdi mdi-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".4s">
                <div class="single-team-widget">
                    <img src="../../assets/images/team/team2.jpg" class="img-fluid" alt="">
                    <div class="team-member-info">
                        <div class="know-more">
                            <a class="btn btn-round btn-fab btn-xs" href="javascript:void(0)"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                        </div>
                        <h2 class="subtitle">Jennifer L.</h2>
                        <p>Graphic Designer</p>
                        <div class="social-profiles">
                            <a href="#"><i class="mdi mdi-twitter"></i></a>
                            <a href="#"><i class="mdi mdi-facebook"></i></a>
                            <a href="#"><i class="mdi mdi-instagram"></i></a>
                            <a href="#"><i class="mdi mdi-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".5s">
                <div class="single-team-widget">
                    <img src="../../assets/images/team/team3.jpg" class="img-fluid" alt="">
                    <div class="team-member-info">
                        <div class="know-more">
                            <a class="btn btn-round btn-fab btn-xs" href="javascript:void(0)"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                        </div>
                        <h2 class="subtitle">Tom Hanks.</h2>
                        <p>SEO Speacialist</p>
                        <div class="social-profiles">
                            <a href="#"><i class="mdi mdi-twitter"></i></a>
                            <a href="#"><i class="mdi mdi-facebook"></i></a>
                            <a href="#"><i class="mdi mdi-instagram"></i></a>
                            <a href="#"><i class="mdi mdi-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".6s">
                <div class="single-team-widget">
                    <img src="../../assets/images/team/team4.jpg" class="img-fluid" alt="">
                    <div class="team-member-info">
                        <div class="know-more">
                            <a class="btn btn-round btn-fab btn-xs" href="javascript:void(0)"><i
                                    class="material-icons mdi mdi-arrow-right"></i>
                                <div class="ripple-container"></div>
                            </a>
                        </div>
                        <h2 class="subtitle">Emma Watson</h2>
                        <p>Head Of Ideas</p>
                        <div class="social-profiles">
                            <a href="#"><i class="mdi mdi-twitter"></i></a>
                            <a href="#"><i class="mdi mdi-facebook"></i></a>
                            <a href="#"><i class="mdi mdi-instagram"></i></a>
                            <a href="#"><i class="mdi mdi-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="call-to-action-section">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-md-8 col-lg-8 col-xs-12 text-left wow animated fadeInLeft" data-wow-delay=".2s">
                <h1>Call Us @02-9114147</h1>
                <h3>Enjoy our 24/7 support</h3>
            </div>
            <div class="col-md-4 col-lg-4 col-xs-12 mt-4 text-right wow animated fadeInRight" data-wow-delay=".3s">
                <a href="javascript:void(0)" class="animated4 btn btn-common"><i
                        class="material-icons mdi mdi-phone"></i>
                    Contact us</a>
            </div>
        </div>
    </div>
</section>


<footer class="page-footer center-on-small-only  pt-0 footer-widget-container">

    <div class="container pt-5 mb-5">
        <div class="row">

            <div class="col-md-6 col-lg-3 col-xl-3 footer-contact-widget">
                <h3 class="footer-title">About Us</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates eos minus expedita illo
                    recusandae
                    esse labore obcaecati nisi amet quia odio sapiente! Fugiat, voluptatibus nemo necessitatibus
                    porro.</p>
                <ul>
                    <li>
                        <a href="#"><i class="mdi mdi-facebook"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-twitter"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-instagram"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-github"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-linkedin"></i></a>
                    </li>
                </ul>
            </div>


            <div class="col-md-6 col-lg-3 col-xl-3 recent-widget">
                <h3 class="footer-title">Recent Posts</h3>
                <ul class="image-list">
                    <li>
                        <figure class="overlay">
                            <img class="img-fluid" src="assets/images/art/a1.jpg" alt="">
                            <figcaption><a href="blog-single.html"><i class="mdi mdi-link-variant from-top icon-xs"></i></a>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <h6 class="post-title"><a href="blog-single.html">Fusce gravida tortor felis</a></h6>
                            <div class="meta"><span class="date">12 Jan 2019</span></div>
                        </div>
                    </li>
                    <li>
                        <figure class="overlay">
                            <img class="img-fluid" src="assets/images/art/a2.jpg" alt="">
                            <figcaption><a href="blog-single.html"><i class="mdi mdi-link-variant from-top icon-xs"></i></a>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <h6 class="post-title"><a href="blog-single.html">Ornare Nullam Risus Cursus</a></h6>
                            <div class="meta"><span class="date">12 Jan 2019</span></div>
                        </div>
                    </li>
                    <li>
                        <figure class="overlay">
                            <img class="img-fluid" src="assets/images/art/a3.jpg" alt="">
                            <figcaption><a href="blog-single.html"><i class="mdi mdi-link-variant from-top icon-xs"></i></a>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <h6 class="post-title"><a href="blog-single.html">Euismod Nullam Fusce Dapibus</a></h6>
                            <div class="meta"><span class="date">12 Jan 2019</span></div>
                        </div>
                    </li>
                </ul>
            </div>


            <div class="col-md-6 col-lg-3 col-xl-3 link-widget">
                <h3 class="footer-title">Get in Touch</h3>
                <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem
                    malesuada
                    magna mollis euismod. Praesent commodo cursus.</p>
                <div class="mt-3"></div>
                <ul class="icon-list">
                    <li><i class="mdi mdi-map-marker"></i> 548 San Francisco, CA</li>
                    <li><i class="mdi mdi-email"></i> <a
                            href="/cdn-cgi/l/email-protection#a4c9c5cdc8e4c9c5d0c1d6cdc5c88ac7cbc9"
                            class="nocolor"><span class="__cf_email__"
                                                  data-cfemail="5a373b33361a373b2e3f28333b3674393537">[email&#160;protected]</span></a>
                    </li>
                    <li><i class="mdi mdi-phone-classic"></i> +00 (123) 456 78 90</li>
                    <li><i class="mdi mdi-cellphone-iphone"></i> +00 (121) 455 47 54</li>
                </ul>
            </div>


            <div class="col-md-6 col-lg-3 col-xl-3 footer-contact">
                <h3 class="footer-title">Subscribe</h3>
                <div class="widget">
                    <div class="newsletter-wrapper">
                        <form method="post" id="subscribe-form" name="subscribe-form" class="validate">
                            <div class="form-group">
                                <input type="email" value="" name="EMAIL" class="email form-control" id="EMAIL"
                                       placeholder="Email Address" required>
                                <button type="submit" name="subscribe" id="subscribe" class="btn btn-common pull-right">
                                    Join
                                </button>
                                <div class="clearfix"></div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="widget">
                    <h5 class="widget-title">Useful Links</h5>
                    <ul class="unordered-list">
                        <li><a href="#" class="nocolor">Terms of Use</a></li>
                        <li><a href="#" class="nocolor">Privacy Policy</a></li>
                        <li><a href="#" class="nocolor">Company Profile</a></li>
                        <li><a href="#" class="nocolor">Why Choose Us</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>


    <div class="footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p>By <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></p>
                </div>
            </div>
        </div>
    </div>

</footer>


<a href="#" class="back-to-top">
    <div class="ripple-container"></div>
    <i class="mdi mdi-arrow-up">
    </i>
</a>

<div id="preloader">
    <div class="loader" id="loader-1"></div>
</div>


<script data-cfasync="false" src="../../assets/js/email-decode.min.js"></script>
<script src="../../assets/js/modernizr-3.7.1.min.js"></script>
<script src="assets/js/vendor/jquery-3.5.1-min.js"></script>
<script src="../../assets/js/popper.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
<script src="../../assets/js/jquery.mixitup.min.js"></script>
<script src="../../assets/js/jquery.inview.js"></script>
<script src="../../assets/js/jquery.counterup.min.js"></script>
<script src="../../assets/js/material.min.js"></script>
<script src="../../assets/js/ripples.min.js"></script>
<script src="../../assets/js/owl.carousel.min.js"></script>
<script src="../../assets/js/form-validator.min.js"></script>
<script src="../../assets/js/contact-form-script.min.js"></script>
<script src="../../assets/js/wow.js"></script>
<script src="../../assets/js/jquery.magnific-popup.min.js"></script>
<script src="../../assets/js/main.js"></script>
</body>
</html>